<%-- 
    Document   : DisplayByCategory
    Created on : Mar 31, 2011, 12:16:26 AM
    Author     : eisa
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Products by Category  </title>
    </head>
    <body>
        <div id="main_container">
        
        <jsp:include page="Banner.html" />
        <jsp:include page="menuTab.jsp" />
        <jsp:include page="/AllCategory" />
        
        

        <div class="center_content">
   	<div class="center_title_bar">Products</div>
        

        <c:forEach items="${products}" var="pro" >
        
    	<div class="prod_box">
        	<div class="top_prod_box"></div>
            <div class="center_prod_box">
                 <div class="product_title"><a href="ViewProduct.jsp?ProductName=${pro.productName}&ProductPrice=${pro.price}&ProductAmount=pro.amount&ProductImage=${pro.productImage}&ProductNote=${pro.productNotes}">${pro.productName}</a></div>
                 <div class="product_img"><a href="ViewProduct.jsp?ProductName=${pro.productName}&ProductPrice=${pro.price}&ProductAmount=pro.amount&ProductImage=${pro.productImage}&ProductNote=${pro.productNotes}"><img width="150px" height="100px" src="productImages/${pro.productImage}" alt="" title="" border="0" /></a></div>
                 <div class="prod_price"><span class="price">${pro.price}$</span> </div>
            </div>
            <div class="bottom_prod_box"></div>
            <div class="prod_details_tab">
            <a href="AddToCart?ProductID=${pro.productId}&category=${category}" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" title="" border="0" class="left_bt" /></a>
            <a href="ViewProduct.jsp?ProductName=${pro.productName}&ProductPrice=${pro.price}&ProductAmount=${pro.amount}&ProductImage=${pro.productImage}&ProductNote=${pro.productNotes}" class="prod_details">details</a>
            </div>
        </div>
        

        </c:forEach>


   </div>
          
        <jsp:include page="Cart.jsp" />
<jsp:include page="Footer.html" />
        </div>

    </body>
</html>
